import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {RouterModule, Routes} from "@angular/router";
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { AppComponent } from './app.component';
// import { HomeComponent } from './home/home.component';
// import {MenuPipe} from './menu.pipe';

const appRoutes:Routes = [
  // { path:'', redirectTo:'home', pathMatch:'full' },
  // { path:'',component: HomeComponent },
  // { path:'home',component: HomeComponent },
  { path:'about', loadChildren: 'app/about/about.module#AboutModule' },
  { path:'sys', loadChildren: 'app/sys/sys.module#SysModule' }
]

@NgModule({
  declarations: [
    AppComponent
    // HomeComponent,
    // MenuPipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    HttpModule,
    RouterModule.forRoot(appRoutes, {useHash: true})
  ],
  providers:[],
  bootstrap: [AppComponent]
})

export class AppModule { }
